<template>
<div>
     <div id="mask">
    <div class="background" onclick="showMenu()"></div>
    </div>
    <div id="top">
    <div class="w640">
      <div class="title">
        <h3>订单管理</h3>
      </div>
      <div class="icon_link left">
       <!--  <a href="javascript:window.history.back()">
          <i class="iconfont icon-arrows_left"></i>
        </a> -->
        <RouterLink to="/">
          <i class="iconfont icon-arrows_left"></i>
        </RouterLink>
      </div>
      <div class="icon_link right">
        <a href="javascript:showMenu()">
          <i class="iconfont icon-menu_learn"></i>
        </a>
      </div>
      <div id="menu">
        <ul>
          <li><a href="./panel.htm"><i class="iconfont icon-live_me"></i>用户中心</a></li>
          <li><a href="./register.htm"><i class="iconfont icon-invite_friends"></i>注册账号</a></li>
          <li><a href="./address.htm"><i class="iconfont icon-location"></i>收货地址</a></li>
          <li><a href="./message.htm"><i class="iconfont icon-message_learn"></i>站内消息</a></li>
          <li><a href="order_list.htm"><i class="iconfont icon-means"></i>订单管理</a></li>
          <li><a href="./customer.htm"><i class="iconfont icon-customer"></i>客户服务</a></li>
        </ul>
      </div>
    </div>
    </div>
    <div id="app" class="order_list">
    <div class="tabs">
      <ul>
        <li class="active"><a href="">全部</a></li>
        <li><a>未支付</a></li>
        <li><a>已支付</a></li>
        <li><a>已完成</a></li>
      </ul>
    </div>
   
    </div>
</div>
  <!-- 底部固定导航 -->
  <bottomNav></bottomNav>
</template>

<script lang="ts" setup name="">
  import bottomNav from "@/components/bottomNav/index.vue"
</script>

<style scoped lang="scss">
</style>